<template>
	<text :class="['ct-icon', 'ct-icon-'+name]" :style="{'color': color,'font-size': size}"></text>
</template>

<script>
	export default {
		props: {
			name: {
				type: String,
				default: 'default'
			},
			color: {
				type: String,
				default: ''
			},
			size: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss">
	@font-face {
		font-family: 'cticon';
		src: url("data:application/octet-stream;base64,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") format('truetype');
		font-weight: normal !important;
		font-style: normal;
	}

	.ct-icon {
		position: relative;
		display: inline-block;
		font-family: "cticon" !important;
		font-style: normal !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		font-size: inherit;
		vertical-align: bottom;
	}

	.ct-icon::before {
		line-height: 1;
	}

	.ct-icon-default::before,
	.ct-icon-arrow-left::before {
		content: '\e600';
	}

	.ct-icon-arrow-right::before {
		content: '\e601';
	}

	.ct-icon-arrow-top::before,
	.ct-icon-arrow-up::before {
		content: '\e602';
	}

	.ct-icon-arrow-bottom::before,
	.ct-icon-arrow-down::before {
		content: '\e603';
	}
	
	.ct-icon-cart::before {
		content: '\e604';
	}
	
	.ct-icon-v-circle::before {
		content: '\e605';
	}
	
	.ct-icon-circle::before {
		content: '\e606';
	}
	
	.ct-icon-x::before {
		content: '\e607';
	}
	
	.ct-icon-code::before {
		content: '\e608';
	}
	
	.ct-icon-delete::before {
		content: '\e609';
	}
	
	.ct-icon-edit::before {
		content: '\e60a';
	}
	
	.ct-icon-fire::before {
		content: '\e60b';
	}
	
	.ct-icon-location::before {
		content: '\e60c';
	}
	
	.ct-icon-minus::before {
		content: '\e60d';
	}
	
	.ct-icon-plus-circle::before {
		content: '\e60e';
	}
	
	.ct-icon-plus::before {
		content: '\e60f';
	}
	
	.ct-icon-search::before {
		content: '\e610';
	}
	
	.ct-icon-share::before {
		content: '\e611';
	}
	
	.ct-icon-wrong-circle::before {
		content: '\e612';
	}
</style>
